.headerImage {
	width: 100%;
}

html {
	background-color: #d3e6d5;
}

div h1 {
	text-align: center;
	font-weight: bold;
}

body {	
	background-color: #f4f1e1;	
	margin: 10%;
}

.container-fluid {
	background-color: rgb(169, 184, 170);
	padding: 25px;
}

.nav-item {
	padding: 5px;
}

.nav-item :hover {
	color: brown;
}

.nav-link {
	color: black;
}



/*.container {
	background-color: #d3e6d5;
	background-color: rgb(229,226,211);
	margin-left: 50px;
	margin-right: 50px;
	padding-bottom: 250px;
	margin-bottom: 20px;
}*/

/*.widgetclass {
	float: right;
	width: 20%;
	padding: 10px;
	margin-bottom: 140px;
}

.widget {
	border-style: solid;
	width: 90%;
}*/

.retreat1 {
	margin: auto;
	display: block;
	width: 90%;
	padding-bottom: 20px;
}

.container-simmerpot {
    display: flex; 
	gap: 10px;
}

.container-simmerpot img {
    width: 100%; 
    height: auto;
    object-fit: contain; 
}

.retreat2 {
	margin: auto;
	display: block;
	width: 90%;
	padding-bottom: 20px;
}

.retreat3 {
	margin: auto;
	display: block;
	width: 90%;
	padding-bottom: 20px;
}

.retreat4 {
	margin: auto;
	display: block;
	width: 90%;
	padding-bottom: 20px;
}


h2 {
	text-align: center;
	font-weight: bold;
	color: #7A7A7A;
}

p {
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	color: #7A7A7A;
}










footer {
	background-color: rgb(169, 184, 170);
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
}


@media screen and (max-width:600px){
	.retreat1, .retreat2, .retreat3, .retreat4 {
		width: 100%;
	}
}


#gone {
	visibility: hidden;
}

.container-blog {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2rem; /* Adds some breathing space left and right */
}

.container-blog .left {
	text-align: left;
	color: #fb6a4a !important;
}

.container-blog .right {
	text-align: right;
	width: 50%;
	color: #fb6a4a !important;
}